﻿
/*主体内容*/
.container{width: 1170px;margin: 0 auto;margin-top: 16px;min-height: 1500px;}
/*快速导航*/
.index_channel{width: 110px;height: 600px;margin-right: 30px;background-color: #fff;}
.index_channel li.erweima p{text-align: center;font-size: 16px}
.channel .logo{display: block;width: 110px;height: 44px;margin-bottom: 16px; }
.channel .logo img{ width:100%; height:100%; }
.channel a{display: block;width: 110px;height: 40px;line-height: 40px;text-align: center;color: #444;border-radius: 4px;margin-bottom: 2px;transition-property: color, background-color;}
.channel a.active{background-color: #e30001;color: #fff;}
.channel ul li a:hover{animation-name: hvr-back-pulse;animation-duration: .2s;animation-timing-function: linear;animation-iteration-count: 1;background-color: #e30001;color: #fff;}
.channel a span{display: inline-block;font-size: 16px;box-sizing: border-box;}
@keyframes hvr-back-pulse {
    0% {
        background-color:rgba(237,64,64,.6)
    }
    50% {
        background-color:rgba(237,64,64,.76)
    }
}
/*中间内容*/
.middle_view{ width:660px;}
#focus{ margin: 0 auto; width:660px; height:300px; overflow: hidden; position: relative;}
#focus img{ display:block; width:660px; height:300px;}
#focus ul{overflow: hidden; position: absolute; left: 0; top: 0;}
#focus ul li{ position:relative;}
#focus ul li.aaa{  height: 100%; float: left;}
#focus ul li.bbb{  height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
#focus ul li.bbb.current{ z-index: 2;}
#focus ul li.ccc{position: absolute;height: 500px;width: 100%;-webkit-transform:scaleX(1.2) scaleY(1.2);-moz-transform:scaleX(1.2) scaleY(1.2);transform:scaleX(1.2) scaleY(1.2);z-index: 1}
#focus ul li.ccc.current{z-index: 2;transform:scale(1);transition: opacity 1s ease 0s,transform 3s ease 0s;}
#focus .left{ position: absolute; left: 0; top: 50%; margin-top: -50px; width: 50px; height: 100px; background: url(../images/bannerbtn.png) no-repeat 0 0; cursor: pointer; z-index: 3;}
#focus .right{ position: absolute; right: 0; top: 50%; margin-top: -50px; width: 50px; height: 100px; background: url(../images/bannerbtn.png) no-repeat -50px 0; cursor: pointer; z-index: 3;}
#focus ol{ overflow: hidden; position: absolute; right: 3%; bottom: 12px; z-index: 3;}
#focus ol li{ width: 12px; height: 12px; background: #D9D9D9; border-radius: 100%; float: left; margin-left: 10px; cursor: pointer;}
#focus ol li.current{ background: #fc114a;}
#focus ul li .text { position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; z-index:10; text-align:left; padding-left:10px; background:rgba(0,0,0,0.6); box-sizing:border-box; font-size:20px; overflow:hidden;}
#focus ul li .text span{width: 70%;height:40px;line-height:40px;display: inline-block;overflow: hidden;}
.wrapper{ position:relative;}
.wrapper a{color:#222}
.wrapper a:hover{color:#c00}
.wrapper ul{}
.wrapper ul li{}
.wrapper ul li img{ width:100%;}
.wrapper ul li .one_pic .pic_box:hover img{transition: all .3s ease-out .1s;transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden}
.wrapper ul li .one_pic,.wrapper ul li .no_pic{height: 123px;position: relative;box-sizing: border-box;padding: 10px 0;border-bottom: 1px solid #e8e8e8;}
.wrapper ul li .one_pic .pic_box{width: 158px;box-sizing: border-box;height: 102px;margin-right: 16px; float:left;overflow:hidden;}
.wrapper ul li .one_pic .pic_box .img_wrap,.wrapper ul li .more_pic .img_wrap{position: relative;cursor: pointer;width: 100%;text-align: center;border: 1px solid #e8e8e8;background: #e8e8e8;overflow: hidden;transform-style: preserve-3d;display: inline-block;box-sizing: border-box;height: 100%;}
.wrapper ul li .more_pic .img_wrap span{ width: 88px;height: 102px;line-height: 102px;text-align: center;font-size: 14px;color: #406599;}
.img_wrap>img{display: inline-block;max-width: 100%;height: auto;vertical-align: middle;transition: all .5s ease-out .1s;}
.wrapper ul li .one_pic .text_box,.wrapper ul li .no_pic .text_box{height: 100%;overflow: hidden;}
.one_pic .text_box .inner,.no_pic .text_box .inner{display: inline-block;width: 100%;vertical-align: middle; margin-top:12px;}
.wrapper ul li .more_pic{position: relative;padding: 10px 0;border-bottom: 1px solid #e8e8e8;}
.wrapper ul li .more_pic .pic_box{position: relative; overflow:hidden;margin: 10px 0;}
.wrapper ul li .more_pic .pic_box a{float: left;width: 158px;height: 102px;margin-left: 9px; overflow:hidden}
.wrapper ul li .more_pic .pic_box a:first-child{margin-left: 0;}
.wrapper ul li .more_pic .pic_box a:hover img{transition: all .3s ease-out .1s;transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;
}
.wrapper ul li .more_pic .more{position: relative;cursor: pointer;width: 100%;text-align: center;border: 1px solid #e8e8e8;background: #e8e8e8;overflow: hidden;transform-style: preserve-3d; box-sizing:border-box;}
.wrapper ul li .more_pic .more span{display: inline-block;width: 88px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px;font-size: 14px;color: #406599;margin-top: 36px;}
.one_pic .text_box .inner .link,.no_pic .text_box .inner .link,.more_pic .link{font-size: 20px;line-height: 1.3;margin-bottom: 4px;font-weight: 700;max-height: 52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.one_pic .text_box .inner .foot_bar,.no_pic .text_box .inner .foot_bar,.more_pic .foot_bar{font-size: 12px;color: #999;margin-top: 10px;display: block;zoom: 1;}
.foot_bar a{color: #777;font-size: 14px;}
.foot_bar a.action{font-size: 12px;color: #ff7920;margin-right: 10px;padding: 1px 2px;border: 1px solid #ff7920;}
.foot_bar span{font-size: 14px;line-height: 1;}
/*右侧内容*/
.right_view{ width:340px;}
.right_view a{ color:#222; display:block;}
.right_view a:hover{ color:#c00}
.bui_box{ box-sizing:border-box;border-top: 2px solid #e30001;background-color: #f4f5f6;margin-bottom: 16px;padding: 15px 20px 20px;}
.bui_box h3{color: #222;padding: 0;margin-bottom: 15px;font-size: 18px;font-weight: 700;}
.bui_box .module_pic img{ width:100%; height:100%;}
.bui_box .module_pic:hover img{transition: all .3s ease-out .1s;transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden}
/*要闻*/
.right_view .yaowen{}
.right_view .yaowen h2{font-family: "Microsoft Yahei";font-size: 20px;font-weight: 400;height: 24px;line-height: 24px;overflow: hidden;clear: both;margin: 0 0 10px 0;}
.right_view .yaowen h2 a{color:#e30001;}
.right_view .bui_box .list{width: 100%;overflow: hidden;margin: 0 0 15px 0;}
.right_view .bui_box .list li{height: 26px;line-height: 26px;overflow: hidden;font-size: 14px;}
.right_view .bui_box .list li a{background: url(../images/dian.gif) 0 12px no-repeat;padding-left: 10px;display: block;background-size: 3px auto;    transition: color .2s ease;}
/*热闻*/
.right_view .hotnews ul{}
.right_view .hotnews ul li{padding: 8px 0;border-bottom: 1px solid #e8e8e8;}
.hotnews ul li .news_link{display: block;overflow: hidden;}
.hotnews .module_pic{overflow: hidden;position: relative;transform-style: preserve-3d;display: inline-block;text-align: center;background: #e8e8e8;    width: 60px;height: 60px;margin-right: 12px;float: left;}
.hotnews ul li .news_inner{height: 60px;display: table-cell;vertical-align: middle;}
.hotnews ul li .news_inner p{vertical-align: middle;font-size: 14px;line-height: 20px;max-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*天下奇闻*/
.anecdote{}
.anecdote ul li{padding: 8px 0; border-bottom:1px solid #e3e3e3;}
.anecdote ul li dl{height: 68px;overflow: hidden;}
.anecdote dl dt{position: relative;float: right;width: 118px;height: 100%;overflow: hidden;margin-left: 10px;}
.anecdote dl dd{display: table;overflow: hidden;height: 100%;}
.anecdote dl dd .cell{display: table-cell;vertical-align: middle;}
.anecdote dl dd .cell h4{font-size: 14px;line-height: 20px;max-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.anecdote dl dd .cell p{padding-top: 10px;color: #999;}
.anecdote dl dd .cell p span{}
/*ranking*/
.tab-rank { overflow:hidden; }
.tab-rank h3{background: url(../images/jiang.jpg) no-repeat;width: 300px;height:42px;}
.main-right .tab-rank .tab-list { margin-top: 10px }
.tab-rank .tab-list .img-title { width: 340px; height: 212px;position: relative; }
.tab-rank .tab-list .img-title img{width: 100%;height: 212px;display: block;}
.tab-rank .tab-list .item { display: none }
.tab-rank .tab-list .item01 { display: block }
.tab-rank .tab-list .item-ul { margin-top: 5px }
.tab-rank .tab-list .item-ul { background: url(../images/bg_rank.gif) no-repeat 0 2px; width: 336px }
.tab-rank .tab-list .item-ul li { line-height: 48px; height: 49px; overflow: hidden; padding: 0 10px 0 46px; border-bottom: 1px solid #e1e1e1; font-size: 16px }
.img-title a{color:#fff;}
.tab-rank .tab-list .opacity{width:100%;height:40px;}
.tab-rank .tab-list  .opacity_tit { width: 320px; height: 40px; line-height: 40px; padding: 0 10px; font-size: 16px; }
/*社会新闻*/
.sociology{padding:15px 0 0; background:#fff; margin-bottom:0;}
.sociology ul li{width:160px;height: 165px;padding-bottom:15px;}
.sociology ul li p{font-size: 14px;line-height: 20px;max-height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top:7px;}
.sociology ul{overflow:hidden;}
/*友情链接*/
.friendLinks .links a { display: inline-block; font-size: 14px; color: #777; margin-right: 10px; margin-bottom:10px;padding: 2px 5px;}
.links{overflow: hidden;}
.flinkMore{height:35px;line-height:35px;text-align: center;background:#ddd;}
.linksHeight{height:106px;}

.flinkMore a{cursor: pointer;}
.flinkMore i{width:16px;height:16px;display: inline-block;vertical-align: middle;margin-left:5px;margin-top:-2px;}
.open i{background: url(../images/open.png) no-repeat;}
.close i{background: url(../images/close.png) no-repeat;}


/*右侧滚动跟随广告*/
.ad_index340{background:#f4f5f6;box-sizing: border-box;padding:15px 20px 20px;margin-bottom:16px;}